<template>
  <a-col :span="gutterSpan" class="food-cate-icon-icon">
    <div class="food-cate-cube">
        <slot/>
      <br/><h3>{{name}}</h3>
    </div>
  </a-col>
</template>

<script>
export default {
name: "FoodCube",
  props:['imgSrc','name','gutterSpan']
}
</script>

<style scoped>
.food-cate-cube{
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  color: #616161;
}
.food-cate-icon{
  width: 5vw;
  height: 5vw;
}
</style>